<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>活动</title>
    <meta name="keywords" content="维秀直播">
    <meta name="description" content="维秀直播">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="stylesheet" type="text/css" href="./css/reset.min.css?v=20170410" />
    <link rel="stylesheet" type="text/css" href="css/index_mob.css?v=20170308" />
    <!--手机端快速响应插件-->
    <script src="./js/fastclick_min.js"></script>
    <script type="text/javascript">
        //使用rem单位做自适应，js部分。单位直接px除10，换成rem即可。
        (function (doc, win) {
            var docEl = doc.documentElement,
                    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                    recalc = function () {
                        var clientWidth = docEl.clientWidth;
                        if (!clientWidth) return;
                        docEl.style.fontSize = 10 * (clientWidth / 375) + 'px';
                    };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
</head>
<body>
<div class="container relative">
    <div class="headPart relative">
        <img src="./images/headBigImg.png" alt="" class="commonImgWidth headBigImg">
        <div class="chargeBtn absolute centerMiddleAbs">
            <img src="./images/chargeBtn.png" alt="" class="commonImgHeight">
        </div>
    </div>
    <ul class="list">
        <li class="infoBox">
            <div class="getOneBtn">
                <img src="./images/getOneBtn.png" alt="" class="commonImgWidth">
            </div>
            <div class="freeUse">
                <div class="freeUseLeft fl">
                    <div class="info margin0Atuo textCenter">
                        <div class="imgBox centerMiddleFlex margin0Atuo">
                            <img src="./images/car.png" alt="" class="commonImgWidth ">
                        </div>
                        <p class="titleName">奥迪A4座驾</p>
                        <p class="freeUseTime">免费使用3天</p>
                    </div>
                </div>
                <div class="freeUseRight fr ">
                    <div class="info margin0Atuo textCenter">
                        <div class="imgBox centerMiddleFlex margin0Atuo">
                            <img src="./images/vip.png" alt="" class="commonImgWidth ">
                        </div>
                        <p class="titleName">VIP</p>
                        <p class="freeUseTime">免费使用3天</p>
                    </div>
                </div>
            </div>
        </li>
        <li class="infoBox">
            <div class="getOneBtn">
                <img src="./images/getTwoBtn.png" alt="" class="commonImgWidth">
            </div>
            <div class="freeUse">
                <div class="freeUseLeft fl">
                    <div class="info margin0Atuo textCenter">
                        <div class="imgBox centerMiddleFlex margin0Atuo">
                            <img src="./images/car.png" alt="" class="commonImgWidth ">
                        </div>
                        <p class="titleName">野马Mustang座驾</p>
                        <p class="freeUseTime">免费使用7天</p>
                    </div>
                </div>
                <div class="freeUseRight fr ">
                    <div class="info margin0Atuo textCenter">
                        <div class="imgBox centerMiddleFlex margin0Atuo">
                            <img src="./images/vip.png" alt="" class="commonImgWidth ">
                        </div>
                        <p class="titleName">VIP</p>
                        <p class="freeUseTime">免费使用7天</p>
                    </div>
                </div>
            </div>
        </li>
        <li class="infoBox">
            <div class="getOneBtn">
                <img src="./images/getThreeBtn.png" alt="" class="commonImgWidth">
            </div>
            <div class="freeUse">
                <div class="freeUseLeft fl">
                    <div class="info margin0Atuo textCenter">
                        <div class="imgBox centerMiddleFlex margin0Atuo">
                            <img src="./images/car.png" alt="" class="commonImgWidth ">
                        </div>
                        <p class="titleName">保时捷911座驾</p>
                        <p class="freeUseTime">免费使用14天</p>
                    </div>
                </div>
                <div class="freeUseRight fr ">
                    <div class="info margin0Atuo textCenter">
                        <div class="imgBox centerMiddleFlex margin0Atuo">
                            <img src="./images/vip.png" alt="" class="commonImgWidth ">
                        </div>
                        <p class="titleName">VIP</p>
                        <p class="freeUseTime">免费使用14天</p>
                    </div>
                </div>
            </div>
        </li>
        <li class="infoBox">
            <div class="getOneBtn">
                <img src="./images/getFourBtn.png" alt="" class="commonImgWidth">
            </div>
            <div class="freeUse">
                <div class="freeUseLeft fl">
                    <div class="info margin0Atuo textCenter">
                        <div class="imgBox centerMiddleFlex margin0Atuo">
                            <img src="./images/car.png" alt="" class="commonImgWidth ">
                        </div>
                        <p class="titleName">宾利座驾</p>
                        <p class="freeUseTime">免费使用30天</p>
                    </div>
                </div>
                <div class="freeUseRight fr ">
                    <div class="info margin0Atuo textCenter">
                        <div class="imgBox centerMiddleFlex margin0Atuo">
                            <img src="./images/vip.png" alt="" class="commonImgWidth ">
                        </div>
                        <p class="titleName">SVIP</p>
                        <p class="freeUseTime">免费使用30天</p>
                    </div>
                </div>
            </div>
        </li>
        <li class="infoBox">
            <div class="getOneBtn">
                <img src="./images/getFiveBtn.png" alt="" class="commonImgWidth">
            </div>
            <div class="freeUse">
                <div class="freeUseLeft fl">
                    <div class="info margin0Atuo textCenter">
                        <div class="imgBox centerMiddleFlex margin0Atuo">
                            <img src="./images/car.png" alt="" class="commonImgWidth ">
                        </div>
                        <p class="titleName">布加迪座驾</p>
                        <p class="freeUseTime">免费使用30天</p>
                    </div>
                </div>
                <div class="freeUseRight fr ">
                    <div class="info margin0Atuo textCenter">
                        <div class="imgBox centerMiddleFlex margin0Atuo">
                            <img src="./images/vip.png" alt="" class="commonImgWidth ">
                        </div>
                        <p class="titleName">SVIP</p>
                        <p class="freeUseTime">免费使用30天</p>
                    </div>
                </div>
            </div>
        </li>
    </ul>
    <div class="receiveGiftBag absolute">
        <img src="./images/receiveGiftBag.png" alt="" class="commonImgWidth">
    </div>
</div>


<!--  ----------------引入js部分-----------分割线-----------  -->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="./js/jquery.min.js" type="text/javascript"><\/script>')</script>
<script src="./js/hammer.min.js"></script>
<script src="./js/template-native.js"></script>
<script src="./js/horseFox.min.js?v=20170410"></script>
<script type="text/javascript">FastClick.attach(document.body);</script>
<script src="./js/index.js?v=20170308"></script>
</body>
</html>